<template>
	<view>
		<w-navbar type="normal"
			background="linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)">
			<view slot="navbar-center">自定义导航</view>
		</w-navbar>
		<pageDemoBlock title="基本用法" color="#1c87e4" :contentStyle="{padding: '20rpx 0'}">
			<view class="m-b-2">
				<w-navbar type="normal"
					:isTopFixed="false"
					background="linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)">
					<view slot="navbar-center">自定义导航</view>
				</w-navbar>
			</view>
			<view class="m-b-2">
			<w-navbar type="senior"
				:isTopFixed="false"
				background="linear-gradient(to right, #4facfe 0%, #00f2fe 100%)">
				<view slot="navbar-center">自定义导航</view>
			</w-navbar>
			</view>
			<view class="m-b-2">
			<w-navbar type="normal"
				:isTopFixed="false"
				statusBarBackground="#CED8E7"
				titleLineBackground="#CED8E7"
				>
				<view slot="navbar-center">自定义导航</view>
			</w-navbar>
			</view>
		</pageDemoBlock>
	</view>
</template>

<script>
	import pageDemoBlock from '@/components/page-demo-block'
	export default {
		components:{pageDemoBlock},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>

</style>
